import { useState } from 'react';
import LogoutModal from '../logoutModal';
import './customizeHeader.scss';
const CustomizeHeader = (props: { title: string }) => {
    const [isModalOpen, setIsModalOpen] = useState(false);
    return (
        <>
            <div className="customize-header flex-between">
                <div>{props.title}</div>
                <div className="logout-btn" onClick={() => setIsModalOpen(true)}>
                    Logout
                </div>
            </div>
            <LogoutModal open={isModalOpen} onCancel={() => setIsModalOpen(false)} />
        </>
    );
};
export default CustomizeHeader;
